<template>
	<view>
		<!-- <cu-custom title="教师主页"></cu-custom> -->
		<view class="flex bg-white padding">
			<view class="flex align-center">
				<view >
					<view class="flex">
				<u--image class="f-l" :showLoading="true" radius="10rpx" src=""
					 width="140rpx"
					height="140rpx"></u--image>
				<view class="flex-sub margin-left-sm f-l">
					<view class="flex">
						<view class="text-cut text-lg text-bold f-14" style="flex: 0 0 250rpx; width: 250rpx;">
							凡尔赛钢琴大师</view>
						<!-- <view class="margin-left">
							<u-icon name="more-dot-fill" color="#999999"></u-icon>
						</view> -->
					</view>
			
					<view class="margin-top-xs flex align-center">
						<view class="text-red padding-right f-12">评价：5.0</view>
						<view class="padding-left solid-left f-12">
							销量：150
						</view>
					</view>
			
					<view class="flex flex-between margin-top-sm">
						<view class="flex align-center">
							<u-icon name="map-fill" size="36rpx" color="#999999"></u-icon>
							<view class="margin-left-xs text-cut  f-12" style="flex: 0 0 250rpx; width: 250rpx;">
								青秀区秦汉胡同国学书院3栋108室
							</view>
						</view>
						
					</view>
					</view>
					</view>
					<view style="font-size: 14px; color: #999; " class="c-l m-t-10"><text>账号：180****2455</text><text class="margin-left-sm">
									42.2km
								</text>
								<view class="b-u-c t-a-l">
								<button class="c-red f-14 f-l m-t-20" style="width: 40%; ">机构主页</button>
								</view>
								</view>
					</view>
					
					
				
			</view>
			<view class=" text-sm f-10" style="flex: 0 0 240rpx; margin-left:0px;">
				<view class="flex flex-between f-10">
					<text>整体满意度：</text>
					<text>5 非常满意</text>
				</view>
				<view class="">
					<u-rate :value="5" size="26rpx" readonly inactiveColor="#fccfd9" activeColor="#ea3457"></u-rate>
				</view>
		
				<view class="flex flex-between ">
					<text>尽职度：</text>
					<text>4.6 尽职</text>
				</view>
				<view class="">
					<u-rate :value="4.7" size="26rpx" readonly inactiveColor="#fccfd9" activeColor="#ea3457"></u-rate>
				</view>
		
				<view class="flex flex-between ">
					<text>专业度：</text>
					<text>3.6 专业</text>
				</view>
				<view class="">
					<u-rate :value="4.7" size="26rpx" readonly inactiveColor="#fccfd9" activeColor="#ea3457"></u-rate>
				</view>
		
				<view class="flex flex-between ">
					<text>沟通度：</text>
					<text>2.6 偶尔</text>
				</view>
				<view class="">
					<u-rate :value="4.7" size="26rpx" readonly inactiveColor="#fccfd9" activeColor="#ea3457"></u-rate>
				</view>
		
				<view class="flex flex-between ">
					<text>超出预期度：</text>
					<text>1.6 失望</text>
				</view>
				<view class="">
					<u-rate :value="1.6" size="26rpx" readonly inactiveColor="#fccfd9" activeColor="#ea3457"></u-rate>
				</view>
			</view>
		</view>
		<view class=" bg-white  m-t-10">
			<view class="form-detail" >
				<view class="l-m-b l-m-l">
					
					<text>我的订单</text>
				</view>
				<view class="l-m-b l-m-r f-14" style="color: #999;">
					<text>查看全部</text>
					<u-icon name="arrow-right" size="24rpx" color='#333'></u-icon>
				</view>
			</view>
			<view class=" bg-white flex p-b-10">
				<view class="w-20-b t-a-c m-t-5 x-img f-l">
					<image src="../../static/images/user/1.png"></image>
					<text class="m-t-15" style="">在学</text>
				</view>
				<view class="w-20-b t-a-c m-t-5 x-img f-l">
					<image src="../../static/images/user/2.png"></image>
					<text class="m-t-15" style="">已结</text>
				</view>
				<view class="w-20-b t-a-c m-t-5 x-img f-l">
					<image src="../../static/images/user/3.png"></image>
					<text class="m-t-15" style="">待退</text>
				</view>
				<view class="w-20-b t-a-c m-t-5 x-img f-l">
					<image src="../../static/images/user/4.png"></image>
					<text class="m-t-15" style="">已退</text>
				</view>
				<view class="w-20-b t-a-c m-t-5 x-img f-l">
					<image src="../../static/images/user/5.png"></image>
					<text class="m-t-15" style="">评价</text>
				</view>
			</view>
			<view class="bg-white">
				<view class="t-a-c f-s-18 m-t-20">——&nbsp;我的收入&nbsp;——</view>
				<view class="flex m-t-20">
					<view class="t-x-1 t-a-c">
						<text>近7天总收入</text>
						<view class="f-w-b f-18 m-t-10">0.00元</view>
					</view>
					<view class="t-x-1 t-a-c">
						<text>近20天总收入</text>
						<view class="f-w-b f-18 m-t-10">0.00元</view>
					</view>
					<view class="t-x-1 t-a-c">
						<text>我的账户余额</text>
						<view class="f-w-b f-18 m-t-10">0.00元</view>
					</view>
				</view>
				<view class="t-a-c  m-t-10" style="color: #999;">您可以在"我的账户中查看账单明细或者选择提现"</view>
				<view class="b-u-c t-a-l  p-b-10">
				<button class="c-red f-14 m-t-10 " style="width: 30%; ">我的账户</button>
				</view>
			</view>
			
		</view>
		<view class=" bg-white  m-t-10">
			<view class="form-detail" style="border-bottom:1px solid #f8f8f8 ;">
				<view class="l-m-b l-m-l">
					<view class="img-s m-t-5"><image src="@/static/images/user/my1.png" mode="aspectFit"></image></view>
					<text class="f-w-n">课程管理</text>
				</view>
				<view class="l-m-b l-m-r m-t-20">
					<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
				</view>
			</view>
			<view class="form-detail" style="border-bottom:1px solid #f8f8f8 ;">
				<view class="l-m-b l-m-l">
					<view class="img-s m-t-5"><image src="@/static/images/user/my2.png" mode="aspectFit"></image></view>
					<text class="f-w-n">教师绑定</text>
				</view>
				<view class="l-m-b l-m-r m-t-20">
					<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
				</view>
			</view>
			<view class="form-detail" style="border-bottom:1px solid #f8f8f8 ;">
				<view class="l-m-b l-m-l">
					<view class="img-s m-t-5"><image src="@/static/images/user/my3.png" mode="aspectFit"></image></view>
					<text class="f-w-n">邀请好友奖</text>
				</view>
				<view class="l-m-b l-m-r  m-t-20">
					<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
				</view>
			</view>
			<view class="form-detail" style="border-bottom:1px solid #f8f8f8 ;">
				<view class="l-m-b l-m-l">
					<view class="img-s m-t-5"><image src="@/static/images/user/my4.png" mode="aspectFit"></image></view>
					<text class="f-w-n">评价反馈</text>
				</view>
				<view class="l-m-b l-m-r m-t-20">
					<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
				</view>
			</view>
			<view class="form-detail">
				<view class="l-m-b l-m-l">
					<view class="img-s m-t-5"><image src="@/static/images/user/my5.png" mode="aspectFit"></image></view>
					<text class="f-w-n">系统设置</text>
				</view>
				<view class="l-m-b l-m-r m-t-20">
					<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import {
		mapState
	} from 'vuex'
	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js"
	export default {
		mixins: [MescrollMixin], // 使用mixin
		data() {
			return {
				
			}
		},
		onLoad() {
			// #ifdef APP-PLUS
			// APP检查更新(不是开发模式下)
			// this.$store.dispatch('user/appUpdate')
			// #endif
		},
		methods: {
			curriculumTypeTab(item) {
				this.curriculumIndex = item.index
			},
		}
	}
</script>
<style lang="less" scoped>
@import '@/static/css/common.css';
.text-sm{ font-size: 10px !important;}
.form-detail{ height: 60px; line-height: 60px;
input{ text-align: right; height: 50px; line-height: 50px;}
}
.form-detail{ background: #fff; font-size: 32rpx;  }
.l-m-b{ display: flex; 
uni-image{ max-height: 35rpx;max-width: 40rpx; margin-top: 30rpx;}
}
.img-s{ height: 35px; width: 35px;}
.l-m-l{ float: left; padding-left: 35rpx; font-weight: bold;}
.l-m-r{ float: right; padding-right: 35rpx;  text-align: right; display: ;}
.w-20-b{ width: 20%;}
.x-img{ display: block;}
.x-img image{width: 60rpx; height: 60rpx; clear: both; display: flex; margin: 0 auto;}
.x-img text{clear: both; margin-top: 10px; display: block; font-size: 14px;}
.t-x-1{ width: 33.33%;}
.f-w-n{ font-weight: 500;}
</style>
